iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 30
0
Modern Web

Webpack with ASP.NET MVC系列 第 30

導入 Webpack 心得

  • 分享至 

  • xImage
  •  

上線後需評估的項目

  • 網站效能是否提升 ( GTmetrix、Google Audits )
  • 開發流程、與其他部門的協作是否受到影響

充分的跨部門溝通 ( 包含主管、前後端、上版人員 )

這次導入 Webpack 心得大概只有 與相關人員充分的溝通,並且取得共識
其他部門不理解或甚至反對,甚至連前端同仁對導入 Webpack 都有意見,因此最好先取得共識,確認這是團隊要走的方向。

擬定計畫,循序漸進導入

  • 先局部優化元件再導入,才不會邊導入邊重構,浪費許多時間
  • 處理 import, export 會花許多時間

必須完整考慮實際上版程序為何

需要那些部門的人配合,充分溝通

對於開發流程的影響

專案規模較大的話,開發時 bundle 會花一點時間 ( 數 10 秒 ~ 數分鐘都有可能 ),一樣需要充分溝通

採取何種緩存策略

緩存的設定要弄清楚,Webpack 光 hash 就有 3 種

使盡吃奶的力氣優化打包速度

  • 優化篇提過的方法
  • DLL 優化項目一定要導入
  • Webpack 帶來的效益評估
  • 最後還是充分的溝通

上一篇
為專案客製化 ESLint 規則
系列文
Webpack with ASP.NET MVC30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
Ivan
iT邦新手 2 級 ‧ 2018-10-30 19:42:03

過程比結果重要,剩下的就是持續改善。恭喜完成30篇。

0
SunAllen
iT邦研究生 1 級 ‧ 2018-11-01 18:43:15

恭喜大大完賽!

我要留言

立即登入留言